$(function () {

	// 所有文章
	function kind() {
		$.ajax({
			type: 'get',
			url: 'http://localhost:3000/posts',
			success: function (res) {
				console.log(res)
				// 主体内容
				var str = template('postsTpl', res)
				$('#postsBox').html(str)
				// 分页
				var strs = template('pageTpl', res)
				$('#page').html(strs)

			}
		})
	}
	kind()
	// 筛选框内容
	function filter() {
		$.ajax({
			type: 'get',
			url: 'http://localhost:3000/categories',
			success: function (res) {
				var resn = { data: res }
				var strHtml = template('categoryTpl', resn)
				// console.log(resn)
				$('#categoryBox').html(strHtml)
			}
		})
	}

	filter()




	// 筛选的ajax函数
	function filters(datas) {
		$.ajax({
			type: 'get',
			url: 'http://localhost:3000/posts',
			data: datas,
			success: function (res) {
				console.log(res)
				// 重新渲染页面
				var str = template('postsTpl', res)
				$('#postsBox').html(str)
				// 分页
				var strs = template('pageTpl', res)
				$('#page').html(strs)
			}
		})
	}
	// 点击筛选框  查询文章列表

	$('#filterForm').on('submit', function (e) {
		e.preventDefault()
		var date = $(this).serialize()
		// console.log(date)
		filters(date)
	})


	// 删除文章
	$('#postsBox').on('click', '.delete', function () {
		var dataId = $(this).attr('data-id')
		if (confirm('确定要删除')) {
			$.ajax({
				type: 'DELETE',
				url: 'http://localhost:3000/posts/' + dataId,
				success: function (res) {
					// console.log(res)
					kind()
				}
			})
		}
	})


	// changePage(1)
})

// 分页
function changePage(page) {
	// 向服务器端发送请求 获取文章列表数据
	$.ajax({
		type: 'get',
		url: 'http://localhost:3000/posts',
		data: {
			page: page
		},
		success: function (response) {
			var html = template('postsTpl', response);
			$('#postsBox').html(html);
			var page = template('pageTpl', response);
			console.log(page)
		}
	});
}


